

#app{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
  }

/* 这是头部 */
header{
    width: 7.5rem;
    height: 0.88rem;
    background-color:  #387ec2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0px;

}

header img{
    width: 1.3rem;
}

header .youjian{
    color: #fff;
    font-size: 0.36rem;
    position: absolute;
    top: 0.26rem;
    right: 0.54rem;
}


/* 这是背景图 */
.bg{
    width: 7.5rem;
}


/* 这是须知 */
article{
    width: 7.5rem;
    height: 0.64rem;
    background-color: #f2f2f2;
    font-size: 0.3rem;
    display: flex;
    align-items: center;
}

.iconfont{
    color: #feaf33;
    font-size: 0.32rem;
    padding-left: 0.2rem;
}

.stu{
    color: #6a6a6a;
    font-size: 0.3rem;
    font-weight: bold;
    padding-left: 0.12rem;
}

.tui{
    font-size: 0.26rem;
    color: #666666;
    padding-left: 1.13rem;
}
.yue{
    font-size: 0.26rem;
    color: #666666;
    padding-left: 0.83rem;
}



/* 这是nav */
nav{
    width: 100%;
    height: 5.62rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.item{
    width: 1.86rem;
    height: 1.86rem;
    border-right: 1px #f2f2f2 solid;
    border-bottom: 1px #f2f2f2 solid;
    display: flex;
    padding: 0.4rem 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

svg{
    font-size: 0.6rem;
}

aside{
    width: 100%;
    height: 0.24rem;
    background-color: #f2f2f2;
}


/* 这是main */
main{
    width: 100%;
    height: 0.74rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid  #efeff4;
}

.new{
    height: 100%;
    display: flex;
    align-items: center;
}

.laba{
    height: 100%;
    width: 0.78rem;
    padding-left: 0.32rem;
    font-size: 0.32rem;
    padding-right: 0.16rem;
}

.news{
    font-size: 0.32rem;
    color: #818181;
}

.more{
    font-size: 0.26rem;
    padding-right: 0.26rem;
    color: #898989;
}


/* 这是section */
.d{
    width: 100%;
    display: flex;
    flex-direction: column;
}
section{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

section img{
    width: 1.9rem;
    height: 1.4rem;
    margin:0.2rem 0.3rem 0.17rem 0.36rem; 
}



section>div{
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.article{
    margin: 0.3rem 0.7rem 0.1rem 0;
    color: #424242;
    font-size: 0.28rem;
    vertical-align: top;
    line-height: 0.36rem;
}

.tad{
    flex: 1;
    display: flex;
    justify-content: space-between;
}

 section div .type{
    width: 1.2rem;
    height: 0.44rem;
    color: #ec6844;
    font-size: 0.2rem;
    border: #ec6844 1px solid;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.day{
    font-size: 0.22rem;
    color: #939393;
    padding-right: 0.32rem;
}


/* 这是footer */
footer{
    width: 100%;
    height: 0.98rem;
    display: flex;
    justify-content: space-between;
    position:fixed;
    background-color: #e1e0e1;
    bottom: -1px;
}


.foot{
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pic{   
    font-size: 0.48rem;
    margin-top: 0.16rem;
}

.foot span{
    font-size: 0.2rem;
    margin-bottom: 0.05rem;
    margin-top: 0.14rem;
}


